@charset "utf-8";
// 见证系统的公共样式
.layout-witness {
  flex: 1;
  .layout-search {
    background: #efefef;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    .el-form--inline .el-form-item {
      // margin-top: 10px;
      margin-left: 20px;
    }
    .el-input-group__append .el-button {
      background-color: #1890ff;
      color: #fff;
    }
  }
  .el-table {
    .out-Table-header {
      .el-table__column {
        border-right: 1px solid #d2d2d2;
        border-image: -webkit-linear-gradient(
            top,
            rgba(238, 238, 238, 0.4) 10%,
            rgba(189, 189, 189, 0.86) 52%,
            rgba(216, 216, 216, 0.4) 80%
          )
          100 100 100 100;
        border-image-slice: 1 100% 1 1;
      }
      .el-table-column--selection {
        border-right: 0;
      }
    }
    .el-table__expanded-cell {
      padding-top: 0;
      .el-table {
        box-shadow: 0px 1px 6px 0px rgba(109, 109, 109, 0.2);
      }
    }
    .in-Table {
      td.el-table__column {
        border-right-color: rgba($color: #d2d2d2, $alpha: 0.5);
      }
    }
    .in-Table-header {
      th.el-table__column {
        background-color: #6486c6;
        color: #ffffff;
        border-right: 0;
      }
    }
    .in-Table-cell {
      border-bottom-color: rgba($color: #d2d2d2, $alpha: 0.5) !important;
      // border-bottom-color: rgba($color: red, $alpha: 0.5) !important;
    }
    .el-scrollbar__wrap {
      margin-bottom: 0 !important;
    }
  }
}
// 这个样式主要是为了解决页面中单独引入面包屑组件
.witness-body {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  .witness-main {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column;
    box-sizing: border-box;
    background-color: #fff;
    border: 10px solid #eee;
    overflow: auto;
    .main-body {
      display: flex;
      flex-direction: column;
      flex: 1;
      overflow: auto;
    }
    .main-footer {
      padding: 10px;
      text-align: right;
      border-top: 1px solid #d2d2d2;
    }
  }
}
